﻿<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>

    <title>Vreme</title>

	  <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8"/>


      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

      <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>

      <script type="text/javascript">

          function loadXMLDoc(form) {

              //var symbol = "MSFT";
              var xmlhttp = new XMLHttpRequest();
              xmlhttp.open("POST", "http://164.8.251.99:9793/services/cir2012/SiNf_Vreme?wsdl", false); //spremeni wsdl
              xmlhttp.onreadystatechange = function () {
                  if (xmlhttp.readyState == 4) {

                      var xmlString = xmlhttp.responseText;

                      var parser = new DOMParser();
                      var xmlDoc = parser.parseFromString(xmlString, "application/xml");

                      //danes
                      var razmereDanes = xmlDoc.getElementsByTagName("razmere")[0].childNodes[0].nodeValue; //spremeni tag name
                      var temperaturaDanes = xmlDoc.getElementsByTagName("temperatura")[0].childNodes[0].nodeValue;
                      var vlaznostDanes = xmlDoc.getElementsByTagName("vlaznost")[0].childNodes[0].nodeValue;
                      var smerVetraDanes = xmlDoc.getElementsByTagName("veter_smer")[0].childNodes[0].nodeValue;
                      var hitrostVetraDanes = xmlDoc.getElementsByTagName("veter_hitrost")[0].childNodes[0].nodeValue;
                      var slikaVremenaDanes = xmlDoc.getElementsByTagName("slika")[0].childNodes[0].nodeValue;

                      var izpisDanes = "<center><img src='" + slikaVremenaDanes + "'/></center>";
                      izpisDanes += "<center>" + razmereDanes + "</center>";
                      izpisDanes += "<br/>Temperatura " + temperaturaDanes + " C";
                      izpisDanes += "<br/>Vlažnost " + vlaznostDanes + " %";
                      izpisDanes += "<br/>Smer vetra " + smerVetraDanes;
                      izpisDanes += "<br/>Hitrost vetra " + hitrostVetraDanes + " km/h";

                      document.getElementById("mesto").innerHTML = "<h1>" + form.mestoNot.value + "</h1>";
                      document.getElementById("trenutno").innerHTML = izpisDanes;
                      izpisDanes = null;

                      //jutri
                      var danJutri = xmlDoc.getElementsByTagName("dan")[0].getAttribute("dan_v_tednu");
                      var razmereJutri = xmlDoc.getElementsByTagName("razmere")[1].childNodes[0].nodeValue;
                      var tempMinJutri = xmlDoc.getElementsByTagName("najnizja_temperatura")[0].childNodes[0].nodeValue;
                      var tempMaxJutri = xmlDoc.getElementsByTagName("najvisja_temperatura")[0].childNodes[0].nodeValue;
                      var slikaVremenaJutri = xmlDoc.getElementsByTagName("slika")[1].childNodes[0].nodeValue;

                      var izpisNapovedJutri = "<center><h3>" + kateriDan(danJutri) + "</h3></center>";
                      izpisNapovedJutri += "<center><img src='" + slikaVremenaJutri + "'/></center>";
                      izpisNapovedJutri += "<center>" + razmereJutri + "</center>";
                      izpisNapovedJutri += "<br/>Najnižja temperatura " + tempMinJutri + " C";
                      izpisNapovedJutri += "<br/>Najvišja temperatura " + tempMaxJutri + " C<br/>";

                      document.getElementById("napovedJutri").innerHTML = izpisNapovedJutri;

                      izpisNapovedJutri = null;

                      //pojutrišnjem
                      var danPojutri = xmlDoc.getElementsByTagName("dan")[1].getAttribute("dan_v_tednu");
                      var razmerePojutri = xmlDoc.getElementsByTagName("razmere")[2].childNodes[0].nodeValue;
                      var tempMinPojutri = xmlDoc.getElementsByTagName("najnizja_temperatura")[1].childNodes[0].nodeValue;
                      var tempMaxPojutri = xmlDoc.getElementsByTagName("najvisja_temperatura")[1].childNodes[0].nodeValue;
                      var slikaVremenaPojutri = xmlDoc.getElementsByTagName("slika")[2].childNodes[0].nodeValue;

                      var izpisNapovedPojutri = "<br/><center><h3>" + kateriDan(danPojutri) + "</h3></center>";
                      izpisNapovedPojutri += "<center><img src='" + slikaVremenaPojutri + "'/></center>";
                      izpisNapovedPojutri += "<center>" + razmerePojutri + "</center>";
                      izpisNapovedPojutri += "<br/>Najnižja temperatura " + tempMinPojutri + " C";
                      izpisNapovedPojutri += "<br/>Najvišja temperatura " + tempMaxPojutri + " C<br/>";

                      document.getElementById("napovedPojutri").innerHTML = izpisNapovedPojutri;

                      izpisNapovedPojutri = null;

                      //popojutrišnjem
                      var danPopojutri = xmlDoc.getElementsByTagName("dan")[2].getAttribute("dan_v_tednu");
                      var razmerePopojutri = xmlDoc.getElementsByTagName("razmere")[3].childNodes[0].nodeValue;
                      var tempMinPopojutri = xmlDoc.getElementsByTagName("najnizja_temperatura")[2].childNodes[0].nodeValue;
                      var tempMaxPopojutri = xmlDoc.getElementsByTagName("najvisja_temperatura")[2].childNodes[0].nodeValue;
                      var slikaVremenaPopojutri = xmlDoc.getElementsByTagName("slika")[3].childNodes[0].nodeValue;

                      var izpisNapovedPopojutri = "<br/><center><h3>" + kateriDan(danPopojutri) + "</h3></center>";
                      izpisNapovedPopojutri += "<center><img src='" + slikaVremenaPopojutri + "'/></center>";
                      izpisNapovedPopojutri += "<center>" + razmerePopojutri + "</center>";
                      izpisNapovedPopojutri += "<br/>Najnižja temperatura " + tempMinPopojutri + " C";
                      izpisNapovedPopojutri += "<br/>Najvišja temperatura " + tempMaxPopojutri + " C";

                      document.getElementById("napovedPopojutri").innerHTML = izpisNapovedPopojutri;

                      izpisNapovedPopojutri = null;

                  }
              }

              xmlhttp.setRequestHeader("SOAPAction", "vrniVremeZaMesto"); //spremeni drugi parameter
              xmlhttp.setRequestHeader("Content-Type", "text/xml");
              var xml = '<?xml version="1.0" encoding="utf-8"?>' +
                 '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ' +
                                'xmlns:xsd="http://www.w3.org/2001/XMLSchema" ' +
                                'xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">' +
                   '<soap:Body> ' +
                     '<vrniVremeZaMesto xmlns="http://services.mashup.wso2.org/SiNf_Vreme/"> ' + //spremeni url in kaj vrne, mora biti isto, kot zgoraj pri SOAPAction
                     '<mesto>' + form.mestoNot.value + '</mesto>' +
                     '</vrniVremeZaMesto> ' +
                   '</soap:Body> ' +
                 '</soap:Envelope>';

              xmlhttp.send(xml);

              

          }

          function kateriDan (dan) {
            if(dan=="pon") {
                return "ponedeljek";
            } else if(dan=="tor") {
                return "torek";
            } else if(dan=="sre") {
                return "sreda";
            } else if(dan=="čet") {
                return "četrtek";
            } else if(dan=="pet") {
                return "petek";
            } else if(dan=="sob") {
                return "sobota";
            } else if(dan=="ned") {
                return "nedelja";
            }
          }

            //document.addEventListener("deviceready", loadXMLDoc, false);

        </script>

</head>

<body>
    <h2>Vreme</h2> <!-- spremeni naslov strani -->
    <center><form action="">
        Vnesi mesto<br/>
        <input type="text" name="mestoNot"/>
        <input type="button" 
            onclick="loadXMLDoc(this.form)"
            value="Poglej" />
    </form></center>
    <div id="mesto"></div>
    <center><h1>Trenutno vreme<br /></h1></center>
    <div id="trenutno"></div>
    <center><h1>Napoved za prihodnje dni<br /></h1></center>
    <div id="napovedJutri"></div>
    <div id="napovedPojutri"></div>
    <div id="napovedPopojutri"></div>
</body>

</html>
